
	<!-- Page title -->
	<div id="pagetitle">
		<div class="wrapper">
			<h1>Accounting</h1>
			<!--form action="" method="get"><input class="" type="text" id="q" name="q" /></form-->
		</div>
	</div>
	<!-- End of Page title -->
	
	<!-- Page content -->
	<div id="page">
		<!-- Wrapper -->
		<div class="wrapper">
		
			<p>&nbsp;</p>	
			<div class="column width8 first">
				<a href="<?= $this->config->item('base_url') ?>accounting" class="btn"><span class="icon icon-magnifier">&nbsp;</span>Search Entry</a>
				<a href="<?= $this->config->item('base_url') ?>accounting/new_entry" class="btn btn-blue"><span class="icon icon-add">&nbsp;</span>New Entry</a>
				<!-- a href="<?= $this->config->item('base_url') ?>accounting/reports" class="btn"><span class="icon icon-add">&nbsp;</span>Reports</a-->
				<!-- a href="#" class="btn"><span class="icon icon-add">&nbsp;</span>Property Map</a-->
			</div>			
					
            <div class="leading clearfix">
				
				<!--div class="column width2 first">

                    <div class="content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Select Entry Type</h3>
                        </header>
                        <section class="ta-center">
                        	<select id="select_entry" name="select_entry">
								<option value="accounting_entry">Accounting Entry</option>
								<option value="account_envelope_entry">Account Envelope Entry</option>
								<option value="internal_columnial_entry">Internal Columniar Entry</option>
								<option value="bir_columnial_entry">BIR Columniar Entry</option>
							</select>							                           
                        </section>
                    </div>
                    
                </div-->
				
				<div class="column width8 first">
				
					<div class="content-box corners">
                        <header>
                            <h3><img src="<?= $this->config->item('webroot') ?>images/icons/information.png" alt="" />Accounting Entry</h3>
                        </header>
                        <section>
						
							<!-- PO# and RFQ# -->
							<div class="colgroup inner_width8">							
								<div class="content-box corners">
									<section>																			
										<div>
											<div class="column inner_width2 first">
												<b><label class="">PO #</label></b>
												<input type="text" class="full" value="" />
												<br />
												<label class="choice"><input type="checkbox" name="by_customer" value="1" />Issued By Customer</label>
											</div>
												
											<div class="column inner_width2">
												<b><label class="">New PO #</label></b>
												<input type="text" class="full" value="" />
											</div>	
												
											<div class="column inner_width2">
												<b><label class="">RFQ #</label></b>
												<input type="text" class="full" value="" />
											</div>	
											
											<div class="column inner_width2">
												<b><label class="">New RFQ #</label></b>
												<input type="text" class="full" value="" />
											</div>												
										</div>
									</section>
								</div>						
							</div>
							<!-- End of PO#, RFQ# -->
							
							<div class="inner_column inner_width8 first">
								<!-- Customer Name -->
								<div class="column inner_width3 first">			
									<div class="content-box corners inner_bg">
										<section>
											<b><label>Customer Name</label></b>
											<br />
											<input type="text" class="full" name="customer_name" value="" />
											<small>Company, Supplier, or Tenant's Name. Ex. San Miguel</small>
										</section>
									</div>								
								</div>
								<!-- End of Customer Name -->
								
								<!-- Description -->
								<div class="column inner_width5" style="width:610px">			
									<div class="content-box corners inner_bg">
										<section>
											<b><label>Description</label></b>
											<br />
											<input type="text" class="full" name="customer_name" value="" />
											<small>Describes the Expense or Receivable. Ex. 22pcs round bar. If tenant, tenant's name, month, door #.</small>
										</section>
									</div>								
								</div>
								<!-- End of Description -->
							</div>
						
						<div class="column inner_width8 first">
		
							<div class="content-box corners">
								<section>
									<div>
										<b><label class="">Business Account</label></b>
										<br />
										<label>
											<input type="radio" name="account" value="business_accnt_1" value="" />
											<label class="choice">Cebu Micro</label>
										</label>
										<label>
											<input type="radio" name="account" value="business_accnt_2" value="" />
											<label class="choice" for="business_account_2">Sure Way</label>
										</label>
										<label>											
											<input type="radio" name="account" value="business_accnt_3" value="" />
											<label class="choice" for="business_account_3">Intelaface</label>
										</label>
									</div>
									
									<br />
									
									<div>
										<b><label class="">Property Account</label></b>
										<br />
										<label>
											<input type="radio" name="account" value="prop_accnt_1" value="" />
											<label class="choice" for="prop_accnt_1">Sureriser Property</label>
										</label>
										<label>
											<input type="radio" name="account" value="prop_accnt_2" value="" />
											<label class="choice" for="prop_accnt_2">Cenrem Property</label>
										</label>
										<label>
											<input type="radio" name="account" value="prop_accnt_3" value="" />
											<label class="choice" for="prop_accnt_3">Emro Property</label>
										</label>
										<label>
											<input type="radio" name="account" value="prop_accnt_4" value="" />
											<label class="choice" for="prop_accnt_4">Leomer Property</label>
										</label>
									</div>
									
									<br />
									
									<div>
										<b><label class="">Individual Account</label></b>
										<br />
										<label>
											<input type="radio" name="account" value="indi_accnt_1" value="" />
											<label class="choice" for="indi_accnt_1">Camilo</label>
										</label>
										<label>
											<input type="radio" name="account" value="indi_accnt_2" value="" />
											<label class="choice" for="indi_accnt_2">Gloria</label>
										</label>
										<label>
											<input type="radio" name="account" value="indi_accnt_3" value="" />
											<label class="choice" for="indi_accnt_3">Roger</label>
										</label>
										<label>
											<input type="radio" name="account" value="indi_accnt_4" value="" />
											<label class="choice" for="indi_accnt_4">Cecilia</label>
										</label>
										<label>
											<input type="radio" name="account" value	="indi_accnt_5" value="" />
											<label class="choice" for="indi_accnt_5">Nilo</label>
										</label>
									</div>
								</section>
							</div>
							
						</div>
						
						<div class="column inner_width3 first">
							
							<div class="content-box corners">
								<section>
									<div>
										<b><label class="">Type of Transaction</label></b>
										<br />
										<label class="choice">
											<input type="radio" name="transaction_type" id="money_in" value="" /> Money In
										</label>
										<label class="choice">
											<input type="radio" name="transaction_type" id="money_out" value="" /> Money Out
										</label>
										<label class="choice">
											<input type="radio" name="transaction_type" id="other" value="" /> Other
										</label>
									</div>
								</section>
							</div>
						
						</div>
						
						<!-- Money In -->
						<div class="column inner_width8 first hidden" id="money_in_div">
							
							<div class="content-box corners">
								<section>
									<div>
										<b><label class="">Money In (Receivable)</label></b>																	
									</div>
									
									<br />										
									<div class="colgroup first" style="margin:0 10px 0 10px; width:925px;" >
									
										<div class="first" style="display:block; float:left; width:30%;">
										
											<label for="datepick">Date of Transaction</label>
											<br />
											<div style="margin-left:10px">
												<input id="noiedatepick" class="hasDatepick" type="date" name="datepick" value="" />
											</div>
											
											<br />
											<!-- Payment Method -->
											<div>
												<b><label class="">Payment Method</label></b>
												<br />
												<div  style="margin-left:10px">
													<table>
														<tbody>
															<tr>
																<td>
																	<label>
																		<input type="radio" name="payment_method" value="cash" value="" />
																		<label class="choice">Cash</label>													
																	</label>
																</td>
																<td style="padding-left:5px;">
																	<input type="text" value="BDO#123456" />
																</td>
															</tr>
															<tr>
																<td>
																	<label>
																		<input type="radio" name="payment_method" value="check" value="" />
																		<label class="choice">Check</label>
																	</label>
																</td>
																<td style="padding-left:5px;">
																	<input type="text" value="" /><br />
																	<small>Check #</small>
																</td>
															</tr>
															<tr>
																<td>
																	<label>
																		<input type="radio" name="payment_method" value="credit" value="" />
																		<label class="choice">Charge</label>
																	</label>
																</td>
																<td style="padding-left:5px;">
																	<input type="text" value="" /><br />
																	<small>Credit Card #</small>
																</td>
															</tr>
															<tr>
                            									<td>&nbsp;</td>
																<td style="padding-left:5px;">
																	<input type="text" value="" /><br />
																	<small>Credit Card</small>
																</td>
                        									</tr>
														</tbody>
													</table>	
												</div>												
											</div>
											<!-- End of Payment Method -->
											
										</div>
										
										<div style="display:block; float:left; width:35%;">											
											<b><label class="">Receipt Used in Transaction</label></b>
											
											<br />
											<!-- Receipt Used -->
											<div style="margin-left:10px">
												<table>
													<tbody>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="official" value="" />
																	<label class="choice">Official Receipt</label>
																</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" /><br />
																<label>																	
																	<input type="checkbox" name="by_customer" value="" />
																	<label class="choice" for="by_customer">Issued By Customer</label>
																</label>
															</td>
														</tr>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="charge" value="" />
																	<label class="choice">Charge Invoice</label>
																</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="delivery" value="" />
																	<label class="choice">Delivery Receipt</label>															
																</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" /><br />
																<label>
																	<input type="checkbox" name="by_customer" value="" />
																	<label class="choice" for="by_customer">Issued By Customer</label>
																</label>
															</td>
														</tr>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="cash_invoice" value="" />
																	<label class="choice">Cash Invoice</label>
																</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="cash_voucher" value="" />
																	<label class="choice">Cash Voucher</label>
																</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
													</tbody>
												</table>
											</div>											
											<!-- End of Receipt Used -->
											
										</div>
										
										<!-- Amount -->
										<div style="display:block; float:left; width:33%;">
											<b><label class="">Amount</label></b>
											<br />
											<div style="margin-left:10px">
												<table>
													<tbody>
														<tr>
															<td>
																<label class="choice">Amount (Before VAT)</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
														<tr>
															<td>
																<label class="choice">VAT</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
														<tr>
															<td>
																<label class="choice">Withholding Tax</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
														<tr>
															<td>&nbsp;</td>
															<td style="padding-left:5px;">
																<hr class="black"/>
															</td>
														</tr>
														<tr>
															<td>
																<label class="choice">TOTAL</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
										<!-- End of Amount -->
										
									</div>
								</section>
							</div>
						
						</div>
						<!-- End of Money In -->
						
						<!-- Money Out -->
						<div class="column inner_width8 first hidden" id="money_out_div">
							
							<div class="content-box corners">
								<section>
									<div>
										<b><label class="">Money Out (Payable)</label></b>																	
									</div>
									<br />	
									<div class="colgroup first" style="margin:0 10px 0 10px; width:925px;" >
									
										<div class="first" style="display:block; float:left; width:30%;">
										
											<label for="transaction_date">Date of Transaction</label>
											<br />
											<div style="margin-left:10px">
												<input id="transaction_date" class="hasDatepick" type="date" name="transaction_date" value="" />
											</div>
											
											<br />
											<!-- Payment Method -->
											<div>
												<b><label class="">Payment Method</label></b>
												<br />
												<div  style="margin-left:10px">
													<table>
														<tbody>
															<tr>
																<td>
																	<label>
																		<input type="radio" name="payment_method" value="cash" value="" />
																		<label class="choice">Cash</label>													
																	</label>
																</td>
																<td style="padding-left:5px;">
																	<input type="text" value="BDO#123456" />
																</td>
															</tr>
															<tr>
																<td>
																	<label>
																		<input type="radio" name="payment_method" value="check" value="" />
																		<label class="choice">Check</label>
																	</label>
																</td>
																<td style="padding-left:5px;">
																	<input type="text" value="" /><br />
																	<small>Check #</small>
																</td>
															</tr>
															<tr>
																<td>
																	<label>
																		<input type="radio" name="payment_method" value="credit" value="" />
																		<label class="choice">Charge</label>
																	</label>
																</td>
																<td style="padding-left:5px;">
																	<input type="text" value="" /><br />
																	<small>Credit Card #</small>
																</td>
															</tr>
															<tr>
                            									<td>&nbsp;</td>
																<td style="padding-left:5px;">
																	<input type="text" value="" /><br />
																	<small>Credit Card</small>
																</td>
                        									</tr>
														</tbody>
													</table>	
												</div>												
											</div>
											<!-- End of Payment Method -->
											
										</div>
										
										<div style="display:block; float:left; width:35%;">											
											<b><label class="">Receipt Used in Transaction</label></b>
											
											<br />
											<!-- Receipt Used -->
											<div style="margin-left:10px">
												<table>
													<tbody>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="official" value="" />
																	<label class="choice">Official Receipt</label>
																</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" /><br />
																<label>																	
																	<input type="checkbox" name="by_customer" value="" />
																	<label class="choice" for="by_customer">Issued By Customer</label>
																</label>
															</td>
														</tr>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="charge" value="" />
																	<label class="choice">Charge Invoice</label>
																</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="delivery" value="" />
																	<label class="choice">Delivery Receipt</label>															
																</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" /><br />
																<label>
																	<input type="checkbox" name="by_customer" value="" />
																	<label class="choice" for="by_customer">Issued By Customer</label>
																</label>
															</td>
														</tr>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="cash_invoice" value="" />
																	<label class="choice">Cash Invoice</label>
																</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="cash_voucher" value="" />
																	<label class="choice">Cash Voucher</label>
																</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
													</tbody>
												</table>
											</div>											
											<!-- End of Receipt Used -->
											
										</div>
										
										<!-- Amount -->
										<div style="display:block; float:left; width:33%;">
											<b><label class="">Amount</label></b>
											<br />
											<div style="margin-left:10px">
												<table>
													<tbody>
														<tr>
															<td>
																<label class="choice">Amount (Before VAT)</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
														<tr>
															<td>
																<label class="choice">VAT</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
														<tr>
															<td>
																<label class="choice">Withholding Tax</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
														<tr>
															<td>&nbsp;</td>
															<td style="padding-left:5px;">
																<hr class="black"/>
															</td>
														</tr>
														<tr>
															<td>
																<label class="choice">TOTAL</label>
															</td>
															<td style="padding-left:5px;">
																<input type="text" value="" />
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
										<!-- End of Amount -->
										
									</div>
								</section>
							</div>
						
						</div>
						<!-- End of Money Out -->
						
						<!-- Other -->
						<div class="column inner_width8 first hidden" id="other_div">
							
							<div class="content-box corners">
								<section>
									<div>
										<b><label class="">Other</label></b>																	
									</div>
									<br />	
									<div class="colgroup first" style="margin:0 10px 0 10px; width:925px;" >
									
										<div class="first" style="display:block; float:left; width:30%;">
											<label for="transaction_date">Date of Transaction</label>
											<br />
											<div style="margin-left:10px">
												<input id="transaction_date" class="hasDatepick" type="date" name="transaction_date" value="" />
											</div>
										</div>
										
										<div style="display:block; float:left; width:35%;">											
											<b><label class="">Receipt Used in Transaction</label></b>
											<br />
											<div style="margin-left:10px">
												<table>
													<tbody>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="acknowledgement" value="" />
																	<label class="choice">Acknowledgement Receipt</label>
																</label>
															</td>
														</tr>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="provisional" value="" />
																	<label class="choice">Provisional Receipt</label>
																</label>
															</td>
														</tr>
														<tr>
															<td>
																<label>
																	<input type="radio" name="receipt_used" value="delivery" value="" />
																	<label class="choice">Delivery Receipt</label>															
																</label>
															</td>
														</tr>														
													</tbody>
												</table>
											</div>
											<br />
										</div>									
										
									</div>
								</section>
							</div>
						
						</div>
						<!-- End of Other -->
						
						<div class="column inner_width8 first">
							
							<div class="content-box corners">
								<section class="full">
									<div class="colgroup full">
										<div class="inner_width4 column first">
											<b><label class="">Identifier</label></b>
											<input type="text" class="full" value="" />
											<small>Defines the identifier for this transaction. Ex. SSS, Material Purchase, Oxygen, Retainers Fee, Insurance</small>
										</div>
										<div class="inner_width4 column">
											<b><label class="">Notes</label></b>
											<input type="text" class="full" value="" />
										</div>
									</div>
								</section>
							</div>
						
						</div>
						
						<div class="column inner_width8 first">
							
							<div class="content-box corners">
								<section>
									<b><label class="">1. Scan Receipt</label></b>
									<b><label class="">&nbsp;2. </label></b>
									<input type="text" value="Upload Copied Receipt" />
									<b><label class="">&nbsp;3. </label></b>
									<input type="button" class="btn btn-blue" name="save_entry" value="Save" />
								</section>
							</div>
						
						</div>
						
					</section>
					
				</div>
				           
            </div>
									
		</div>
		<!-- End of Wrapper -->
	</div>
	<!-- End of Page content -->
	
	<!-- jQuery with plugins -->
	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/libraries/jquery-1.4.2.min.js"></script>
	<!-- jQuery date picker -->
	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/libraries/jquery.datepick.pack.js"></script>
	<!-- English datepick localisation. For other localisations visit http://keith-wood.name/datepick.html -->
	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/libraries/jquery.datepick-en-GB.js"></script> 
	
	<script type="text/javascript" src="<?= $this->config->item('webroot') ?>scripts/application/accounting/accounting.js"></script>
		
	<script type="text/javascript">
		$(document).ready(function(){

			// date input fallback check
			$('#noiedatepick').datepick();

		});
			
	</script>